<template>
  <div class="app-container">
    <h4>医院基本信息</h4>
    <table  class="table table-striped table-condenseda table-bordered" width="100%">
      <tbody>
      <tr>
        <th width="15%">医院名称</th>
        <td width="35%"><b  style="font-size:  14px">{{hospital.hosname}}</b>|{{hospital.param.hostypeString}}</td>
        <th width="15%">医院logo</th>
        <td width="35%">
          <img :src="'data:image/jpeg;base64,'+hospital.logoData" width="80">
        </td>
      </tr>
      <tr>
        <th>医院编码</th>
        <td>{{hospital.hoscode}}</td>
        <th>地址</th>
        <td>{{hospital.param.fullAddress}}</td>
      </tr>
      <tr>
        <th>坐车路线</th>
        <td colspan="3">{{hospital.route}}</td>
      </tr>
      <tr>
        <th>医院简介</th>
        <td colspan="3">{{hospital.intro}}</td>
      </tr>
      </tbody>
    </table>
    <h4>预约规则信息</h4>
    <table class="table table-striped table-condenseda able-bordered" width="100%">
      <tbody>
      <tr>
        <th width="15%">预约周期</th>
        <td width="35%">{{bookingRule.cycle}}天</td>
        <th width="15%">放号时间</th>
        <td width="35%">{{bookingRule.releaseTime}}</td>
      </tr>
      <tr>
        <th>停挂时间</th>
        <td>{{bookingRule.stopTime}}</td>
        <th>退号时间</th>
        <td>{{bookingRule.quitDay===-1 ? '就诊前一工作日':'就诊当日'}}{{bookingRule.quitTime}}前取消</td>
      </tr>
      <tr>
        <th>预约规则</th>
        <td colspan="3">
          <ol>
            <li v-for="item in bookingRule.rule" :key="item">{{item}}</li>
          </ol>
        </td>
      </tr>
      <br>
      <el-row>
        <el-button @click="back">返回</el-button>
      </el-row>
      </tbody>
    </table>

  </div>
</template>

<script>
import hospApi from "@/api/hosp";
export default {
  name: 'Show',
  data(){
    return{
      hospital:{},
      bookingRule:{}
    }
  },
  methods:{
    //根据id查询单挑医院设置信息
    findHospById(id){
      hospApi.findHospById(id)
        .then(request =>{
          this.bookingRule = request.data.bookingRule
          this.hospital = request.data.hospital
        })
        .catch(error => {
          this.$message.error('抱歉，获取医院信息失败，请与IT管理员联系');
        })
    },
    back(){
      this.$router.push({path:'/hospSet/hospList'})
    }
  },
  created() {
    const id = this.$route.params.id
    this.findHospById(id);
  }
}
</script>

<style scoped>

</style>
